.choose {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  text-align: center;
}
.bg-logo {
  height: 100%;
  width: 100%;
}
.displayShow {
	display: block;
	overflow: hidden;
}
.displayNone {
	display: none;
}
.displayFlex {
  display: flex;
  height: 100vh;
  width: 100vw;
}
.close {
  font-size: 40rpx;
}
.suoxiao {
  position: absolute;
  top: 80rpx;
  left: 32rpx;
  color: #ffffff;
  font-size: 68rpx;
  z-index: 333;
}
.calling-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #1d1e21;
  margin: 0;
  &.calling-container1 {
    background: #000000;
  }
}
.doctor-avatar {
  margin: 40% auto 7%;
  display: block;
}
.title {
  height: 12vh;
  color: white;
  font-size: 70rpx;
  padding: 20rpx;
}
.sub-title {
  color: #999999;
  font-size: 34rpx;
}
.doctor-btn {
  height: 36vh;
  width: 100vw;
  justify-content: space-around;
  display: flex;
  align-items: flex-end;
}
.call {
  display: flex;
  position: relative;
}
.close-btn {
  z-index: 999;
  display: flex;
  width: 100vw;
  justify-content: space-around;
  box-sizing: border-box;
}
.time {
  height: 8vh;
  width: 100vw;
  text-align: center;
  padding-top: 30px;
  color: white;
}
.panel {
  z-index:  999;
  display:  flex;
  width:  100vw;
  bottom:  140rpx;
  flex-direction:  column;
  box-sizing:  border-box;
  position:  absolute;
}
.room {
  position:  relative;
  height:  100vh;
  width: 100vw;
}
.panel-item {
  color: #ffffff;
  text-align: center;
  box-sizing:  border-box;
}
.panel-item > p {
  margin: 0;
}
.normal {
  padding: 20rpx;
  text-align: center;
}